<template>
  <div class="flex flex-col pb-1">
    <div class="flex flex-row justify-between pb-1 pt-1 bg-blue-600 text-white">
      <div class="h-5 flex flex-col self-center">
        <slot>区域标题</slot>
      </div>
      <div>
        <el-button class="h-5" :icon="CirclePlus"></el-button>
      </div>
    </div>
    <div><el-input placeholder="请输入内容..."></el-input></div>
  </div>
</template>

<script setup lang="ts">
import { CirclePlus } from '@element-plus/icons-vue'
</script>

<style scoped></style>
